<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Title</title>
	<script src="axios.min.js"></script>
</head>
<body>
	<button>get</button>
</body>
<script>
	// 拦截器的本质是将Promise的一个串联。
	// [
	//    请求拦截成功2，请求拦截失败2,
	//    请求拦截成功1，请求拦截失败1,
	//    dispatchRequest,undefined,
	//    响应拦截成功1，响应拦截失败1，
	//    响应拦截成功2，响应拦截失败2，
	// ]
	// let promise = Promise.resolve(config);
	// promise.then(请求拦截成功2，请求拦截失败2)
	//        .then(请求拦截成功1，请求拦截失败1)
	//        .then(dispatchRequest,undefined)
	//        .then(响应拦截成功1，响应拦截失败1)
	//        .then( 响应拦截成功2，响应拦截失败2)
	// ;
	
	axios.interceptors.request.use(config=>{
		console.log("请求拦截成功1")
		return config;
	},(err)=>{
		console.log("请求拦截失败1")
		return err;
	})
	axios.interceptors.request.use(config=>{
		console.log("请求拦截成功2")
		return config;
	},(err)=>{
		console.log("请求拦截失败2")
		return err;
	})
	
	axios.interceptors.response.use(res=>{
		console.log("响应拦截成功1")
		return 1;
	},(err)=>{
		console.log("响应拦截失败1")
		return err;
	})
	axios.interceptors.response.use(res=>{
		console.log("响应拦截成功2",res)
		return res+100;
	},(err)=>{
		console.log("响应拦截失败2")
		return err;
	})
	document.querySelector("button").onclick = function(){
		axios.get("http://zhangpeiyue.com:3000/scoreList").then(value=>{
			console.log(value);
		})
	}
</script>
</html>